<template>
  <div class="iframe-wrap">
    <iframe
      src="http://sgrmtwx.shouguang.gov.cn/app/index.html#/dianshi/details?VNK=0cc6acce&recommendId=f4ee7035f5f4456ca0bafd9da245f604&lmImage=http%3A%2F%2Fsgrmtwx.shouguang.gov.cn%2Fapi-files%2F20191209%2F20%2F1575894722697%2F1575894722697.jpg&columnName=%E5%AF%BF%E5%85%89%E6%96%B0%E9%97%BB201124"
      frameborder="0"
      :height="iframeHeight"
      :width="iframewidth"
    ></iframe>
  </div>
</template>

<script>

export default {
  name: "People",
  data() {
    return {
      iframeHeight: "",
      iframewidth: ""
    };
  },
  beforeMount() {
    this.iframeHeight = window.screen.availHeight - 50 + "px";
    this.iframewidth = window.screen.availWidth + "px";
  }
};
</script>

<style lang="scss" scoped>
.iframe-wrap {
  overflow: hidden;
}

</style>
